
* {
    box-sizing: border-box;
    touch-action: pan-y;
}

html, body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    height: 100%;
}

body {
    /*font-family: Helvetica, "Helvetica Neue", Arial, "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, sans-serif;*/
    color: #000;
    /*background-color: #f4f4ef;*/
    background-color: #fff;
    /*padding-bottom: 1rem;*/
}

html {
    font-size: 10px;
}

@media screen and (min-width: 320px) and (max-width: 413px) {
    html {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 479px) {
    html {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    html {
        font-size: 18px !important;
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 20px !important;
    }
}

h1, h2, h3, h4, h5, h6, em, b {
    font-weight: normal;
    font-style: normal;
}

img {
    vertical-align: middle;
}

input, select, textarea {
    outline: none;
    border: none;
}

li {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.isRequired:before {
    content: "*";
    display: inline-block;
    height: 6px;
    width: 6px;
    color: red;
    left: 6px;
    position: absolute;
}

.bgcWhite {
    background-color: #fff;
}

.weui-label {
    font-size: 1.2rem;
}

.weui-label.rightUnit {
    text-align: right;
    width: 20px !important;
}

.weui-label {
    width: 7rem;
}

.weui-label-8 .weui-label {
    width: 8rem;
}

.weui-label-9 .weui-label {
    width: 9rem;
}

.weui-label-10 .weui-label {
    width: 10rem;
}

.weui-label-11 .weui-label {
    width: 11rem;
}

.weui-label-12 .weui-label {
    width: 12rem;
}

.weui-cell__ft {
    color: #333;
}

.weui-cell input, .weui-cell select {
    font-family: inherit;
    font-size: 1.2rem;
}

.weui-cells_form .weui-select {
    color: #ccc;
}

.weui-cells_form .weui-select option {
    color: #333;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 1.2rem !important;
    color: #ccc !important;
    font-family: inherit !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-size: 1.2rem !important;
    color: #ccc !important;
    font-family: inherit !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 1.2rem !important;
    color: #ccc !important;
    font-family: inherit !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 1.2rem !important;
    color: #ccc !important;
    font-family: inherit !important;
}

.weui-textarea {
    font-family: inherit !important;
    font-size: 1.2rem !important;

}
.weui-textarea.autoheighTextArea{
    height: 1.47058824em;
    line-height: 1.47058824;
}
.weui-cells {
    margin-top: 0;
}

.weui-btn {
    font-size: 1.3rem;
}

.vCode-btn {
    background-color: #ef4a6b !important;
    color: #fff !important;
    font-size: 1rem !important;
}

.vCodeActive {
    background-color: rgba(239, 74, 107, 0.73) !important;
    border: 1px solid rgba(239, 74, 107, 0.73);
    font-size: 1.5rem;
}

.bigBtn {
    padding: 0 2rem;
    margin: 2.5rem 0;
}

.bigBtn > button {
    border: none;
    font-family: inherit;
}

.btn_disabled {
    background-color: rgba(239, 74, 107, 0.73) !important;
}

.weui-btn_primary {
    background-color: #ef4a6b;
}

.fixed-btn {
    position: fixed;
    bottom: 0;
    border-radius: 0 !important;
    left: 0;
    right: 0;
}

.weui-btn_primary：focus {
    background-color: rgba(239, 74, 107, 0.85);
}

.weui-btn_primary:not(.weui-btn_disabled):active {
    color: hsla(0, 0%, 100%, .6);
    background-color: rgba(239, 74, 107, 0.85);
}

.weui-btn {
    border-radius: 20px;
}

.weui-cell.min-btn {
    background-color: #ef4a6b;
    border-color: #ef4a6b !important;
    color: #fff;
    margin-left: .5rem;
}

.weui-cells.weui-cells_form {
    padding: 10px 10px 0;
    margin-bottom: 10px;

}

.weui-cells:before {
    border-top: none;
}

.weui-cells:after {
    border-bottom: none;
}

.weui-cells_form .weui-cell {
    padding: 6px 15px;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    border-radius: 5px;
}

.weui-agree__checkbox {
    width: 16px;
    height: 16px;
}

/*
.weui-cell_select {
    padding-left: 0 !important;
}
*/

.weui-cells_form .weui-cell:before {
    border-top: none !important;
}

.weui-cells_form .weui-cell select {
    height: 1.47058824em;
    line-height: 1.47058824;

}

.weui-cell_select .weui-cell__bd:after {
    border-width: 0 2px 2px 0;
}

.weui-cells_form .weui-cells__title {
    color: #333;
    padding-left: 0;
    font-weight: bold;
    font-size: 1.2rem;
    /*background-color: #f4f4ef;*/
}

.weui-cells__title {
    color: #333;
    font-size: 1.2rem;
    /*background-color: #f4f4ef;*/
}

.message-box {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 30%;
    display: flex;
    text-align: center;
    justify-content: center;
}

.message, .helpMsg {
    padding: 2px 10px;
    line-height: 28px;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    color: #fff;
}

.header-title {
    text-align: center;
    font-size: 1.2rem;
    padding: 1.5rem 0;
    color: #666;
}

.certificate-tit {
    padding: 1rem 0;
    text-align: center;
    font-size: 1.2rem;
    color: #666;
}

.photoFrame {
    padding: 0 2.5rem;
    margin-bottom: 1.5rem;

}

.photo-item {
    position: relative;
    height: 14rem;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    text-align: center;
}

.photo-item.placeholderBox {
    height: 14rem;
    line-height: 14rem;
}

.photoFrame .imgUrl {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
    border-radius: 10px;
    /* top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);*/
}

img[src=""], img:not([src]) {
    opacity: 0;
}

.photo-item input {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 101;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.photo-item .input-box {
    /*  position: absolute;
      z-index: 99;*/
    margin: 2.2rem auto 0;
    width: 100%;
    text-align: center;

}

.photo-item .input-box img {
    display: block;
    width: 4rem;
    height: 3.6rem;
    margin: 0 auto;
}

.photo-item h5 {
    margin-top: 1rem;
    font-size: 1.2rem;
    color: #ef4a6b;
}

.fv-valid {
    padding: 0 1rem;
}

.photoFrame.fv-box {
    padding: 0;
}

.fv-box .photo-item {
    height: 10rem;
}

.fv-box .photo-item .input-box img {
    width: 3rem;
    height: auto;
}

.fv-valid .weui-flex .weui-flex__item:first-child {
    margin-right: 1rem;
}

.fv-box .p-tit {
    font-size: 1.2rem;
    color: #999;
    text-align: center;
    line-height: 2rem;
}

.time-info {
    margin-top: 5rem;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: center
}

.face-info {
    font-size: 1rem;
}

.face-info p {
    line-height: 2rem;
    color: #666;
}

.icon-info {
    color: #ef4a6b;
    font-size: 4.5rem;
    margin-top: 2rem;
}

/*businessManagement login2样式*/
.list-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.wx-bm-top {
    padding: 0;
    background: rgba(179, 3, 34, 1);
    margin-top: 0;
}

.wx-bm-top .weui-media-box__bd {
    color: #fff;
}

.wx-bm-top .weui-media-box__desc {
    color: #fff;
    padding-bottom: 0.5rem;
    font-size: 1rem;
}

.wx-bm-top .weui-media-box__title {
    font-size: 1.2rem;
}

.wx-bm-main .weui-cell {
    padding: 6px 15px;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    font-size: 1.2rem;
}

.wx-bm-item {
    border: 1px solid #ccc;
    margin: 0 0.5rem 2.5rem;
    padding: 0 0.5rem 1rem;
    font-size: 1.2rem;
    border-top: none;
}

.wx-bm-item a {
    color: #333;
}

.wx-bm-main .weui-cell__ft a {
    color: #333;
}

.wx-bm-item .title {
    padding: .6rem 0;
    color: #999999;
    font-size: 1rem;
}

.wx-bm-item span {
    background: rgba(239, 74, 107, 1);
    color: #fff;
    padding: 0px 0.5rem;
    font-size: 1rem;
    border-radius: 0.8rem;
    margin-left: 0.8rem;
}

.label-color {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: rgba(239, 74, 107, 1);
    border-radius: 0.42rem;
    margin-right: 0.42rem;
}

.wx-bm-item span.gray, .label-color.gray {
    background: rgba(102, 102, 102, 1);
}

.weui-flex-p-b {
    padding-bottom: 1rem
}

.wx-bm-link-warp {
    position: fixed;
    width: 100%;
    bottom: 0;
}

.wx-bm-link {
    text-align: center;
    background: rgba(239, 74, 107, 1);
    color: #fff;
    line-height: 3.5rem;
    font-size: 1.2rem;
}

.wx-ca-img {
    position: relative;
    height: 11.5rem;
    border: 1px solid #ccc;
    margin: 1.5rem;
    line-height: 11.5rem;
    text-align: center;
}

.wx-ca-submit {
    height: 3.33rem;
    background: rgba(239, 74, 107, 1);
    color: #fff;
}

.wx-ca-txt {
    text-align: center;
    line-height: 5rem;
    border-bottom: 1px solid #ccc;
    margin: 0 0.8rem;
    color: #999;
    font-size: 1.2rem;
}

.logo {
    text-align: center;
    margin-top: 5rem;
}

.logo p {
    margin-top: 0.8rem;
    margin-bottom: 8rem;
    font-size: 1.5rem;
}

.weui-login {
    border-bottom: 1px solid #ccc;
    margin: 1.6rem 2rem 0;
}

.weui-label-img {
    width: 2.5rem;
    margin: 0.5rem;
}

.weui-label-img img {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-top: .5rem;
}

.weui_input_tel {
    height: 3rem;
    font-size: 1.5rem;
}

.weui-input-vCode {
    font-size: 1.2rem;
    background: rgba(239, 74, 107, 1);
    border-radius: 10px;
    padding: 0.2rem 1rem;
    height: 2rem;
    color: #fff;
}

/*订单列表*/
.weui-navbar {
    padding: 0 1rem;
}

.weui-navbar {
    background-color: #fff;
}

.weui-navbar__item {
    color: #000;
    font-size: 1.2rem;
    border-bottom: none;
    padding: .6rem 0;
}

.weui-navbar__item:after {
    border-right: none;
}

.weui-navbar__item span {
    padding: 0 3px;
}

.weui-navbar__item.weui-bar__item--on {
    background-color: #fff;
}

.weui-navbar__item.weui_bar__item--on span {
    color: #ef4a6b;
    border-bottom: 1px solid #ef4a6b;
}

.opportinityList {
    padding: 0 1rem;
    padding-top: 7rem !important;
}

.opportinityList .weui-cell {
    font-size: 1rem;
    padding: .5rem 1rem;

}

.opportinityList .weui-cells {
    border: 1px solid #dcdcdc;
    margin-bottom: .7rem;

    border-radius: 4px;
}

.opportinityList .weui-cells:first-child {
    margin-top: .7rem;
}

.opportinityList .weui-cells .weui-cell.last-item {
    border-top: 1px solid #dcdcdc;

}

.opportinityList .weui-cell .weui-cell__ft {
    color: #000;
}

.opportinityList .serialNumber {
    color: #003399;
    text-decoration: underline;
    text-decoration-color: #003399
}

.opportinityList .stage {
    background-color: #ef4a6b;
    color: #fff !important;
    padding: .2rem 1rem;
}

.opportinityList .status {
    background-color: #009900;
    color: #fff !important;
    padding: .2rem 1rem;
    border-radius: .8rem;
}

/*进度条*/
.workflow {
    position: relative;
    padding: 1rem 0;
}

.flowList {
    margin-left: 3rem;
}

.flowItem {
    height: 5rem;
    padding: .5rem 10px;
    border-bottom: 1px solid #e0e3e8;
    margin-right: 1.5rem;
    position: relative;
}

.flowItem h3 {
    font-size: 1.2rem;
    color: #AAA;
    margin-bottom: 0.4rem;
}

.flowItem h4 {
    font-size: 1rem;
    color: #AAA;
}

.siderSign {
    position: absolute;
    left: 1.2rem;
    top: 10px;
    z-index: 5;
}

.signList li {
    height: 5rem;
    line-height: 4.5rem;
}

.flowItem:before {
    content: '';
    width: 0;
    border-left: 1px solid #B4AFAF;
    height: 5rem;
    display: inline-block;
    position: absolute;
    left: -12px;

    z-index: 99;
}

.flowItem:last-child:before {
    height: 0;
}

.flowItem span.icon {
    display: inline-block;
    background: url('/assets/boc/icon-well.png') no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: .5rem;
    z-index: 100;
}

.flowItem.active h3, .flowItem.goActive h3 {
    color: #000;
}

.flowItem.active h4, .flowItem.goActive h4 {
    color: #4A4A4A;
}

.flowItem.activeError h3, .flowItem.activeError h4 {
    color: #CD001A;
}

.flowItem.active span.icon {
    width: 24px;
    height: 24px;
    margin-left: -4px;
    background: url('/assets/boc/icon-yes.png') no-repeat;
    background-size: 100% 100%;
}

.flowItem.goActive span.icon {
    width: 24px;
    height: 24px;
    margin-left: -4px;
    background: url('/assets/boc/goActive.png') no-repeat;
    background-size: 100% 100%;
}

.flowItem.activeError span.icon {
    width: 24px;
    height: 24px;
    margin-left: -4px;
    background: url('/assets/boc/icon-no.png') no-repeat;
    background-size: 100% 100%;
}

.icon-cancer {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/assets/boc/cancer.png') no-repeat;
    background-size: cover;
    float: right;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

/*征信验证*/
.inVerification {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.inVerification .loading-info {
    text-align: center;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.inVerification .loading-info p {
    margin-top: 2rem;
    font-size: 1.3rem;
    line-height: 2rem;
}

.inVerification img {
    display: block;
    height: 4rem;
    width: 4rem;
    margin: 0 auto;

}

/*picker css*/
/*city-picker */
.weui-picker-modal {
    height: 20rem;
}

.toolbar .picker-button, .toolbar .title, .toolbar .toolbar-inner {
    height: 3.5rem;
    line-height: 3.5rem;
}

.toolbar, .toolbar .title, .weui-picker-modal .picker-item {
    font-size: 1.3rem;
}

.weui-picker-modal .picker-modal-inner {
    height: 16.5rem;
}

.weui-picker-modal .picker-item {
    height: 40px;
    line-height: 40px;
}

.weui-picker-modal .picker-center-highlight {
    height: 40px;
    margin-top: -20px;
}

/*搜索*/
.opportunity-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.opportunity-bar.weui-navbar {
    position: fixed;
    top: 44px;
}

/*上搜索按钮*/
.searchBtn {
    margin-left: 10px;
    line-height: 28px;
    color: #09bb07;
    white-space: nowrap;
    font-size: 1.3rem;
}

/*选填信息*/
.optionalInfo {
    text-align: center;
    padding: 0 15px;
    margin-bottom: 1rem;
}

.optionalInfo .item {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    font-size: 1.2rem;
    padding: .2rem 0;
    color: #333;
}

.optionalInfo .item.active {
    border: 1px solid #ef4a6b;
    color: #ef4a6b;
}

.optionalInfo .item i {
    display: none;
    font-size: 1.2rem;
    color: #ef4a6b;
    margin-left: 0;
    margin-right: 0;
}

.optionalInfo .item.active i {
    display: inline-block;
}

.optionalInfo .item {
    margin-right: 1rem;
}

.optionalInfo .item:last-child {
    margin-right: 0;
}

.tab-info .title {
    position: relative;
    padding: 6px 15px;
    margin: 0 10px 6px;
    font-weight: bold;
    color: #000;
    font-size: 1.2rem;
    background-color: #f4f4ef;

}

.tab-info .title.active {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.tab-info .title i.arrow {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 0 4px 4px 0;

    border-color: #ef4a6b;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}

.tab-info .title.active {
    background-color: #fff;
    border: 1px solid #ccc;
}

.tab-info .title.active i.arrow {
    border-width: 4px 0 0 4px;

}

/*面谈表信息*/
.interview-detailInfo {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

/*营业执照
*/
.main {
    padding-bottom: 4rem;
}

.certificate-tip {
    text-align: center;
    color: #ef4a6b;
    font-size: 1.2rem;
    margin-top: .5rem;
}

/*面签*/
.signFace {
    padding: 0 1.5rem;
}

.signFace .tit {
    color: #ef4a6b;
    font-size: 1.1rem;
    background-color: #f1f1f1;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.signFace .weui-flex {
    margin-bottom: 2rem;
}

.signFace .icon {
    width: 5rem;
    height: 5rem;
    display: block;
    margin: 0 auto;
}

.signFace .icon-1 {
    background: url('/assets/boc/1.png') no-repeat center / contain;;
}

.signFace .icon-2 {
    background: url('/assets/boc/2.png') no-repeat center / contain;;
}

.signFace .icon-3 {
    background: url('/assets/boc/3.png') no-repeat center / contain;;
}

.signFace .icon-4 {
    background: url('/assets/boc/4.png') no-repeat center / contain;;
}

.signFace .flex-item {
    text-align: center;
    color: #ef4a6b;
}

.signFace .flex-item h5 {
    margin: 0 auto;
    width: 10rem;
    text-align: center;
    font-size: 1.1rem;
    color: #ef4a6b;
    margin-top: 1rem;
}

.agree-group {
    font-size: 1.2rem !important;
    /*padding: 0 .5rem;*/
}

.agree-group span {
    margin-right: .5rem;
}

/*信息授权页*/
.checkbox-group a {
    font-size: 1.3rem;
    color: green;
}

.authorize {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.08);
    text-align: center;
}

/*授信列表页*/
.radioList {
    border-top: 1px solid #e5e5e5;
}

.radioList:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.radioList .weui-cell {
    align-items: stretch;
}

.radioList .weui-cell:before {
    border-top: 0;
}

.radioList .title {
    font-size: 1.4rem;
}

.radioList .total {
    font-size: 1.3rem;
    color: #ef4a6b;
    height: 2rem;
    line-height: 2rem;
}

.radioList .rate {
    font-size: 1.2rem;
    color: #ef4a6b;
    height: 2rem;
    line-height: 2rem;
}

.radioList .weui-cell.weui-check__label {
    padding-bottom: 0;
}

.radioList .weui-cells_checkbox .weui-cell__hd {
    padding-right: 5px;
}

.radioList .weui-cell.base-mate {
    padding-left: 50px;
    font-size: 1.2rem;
    padding-bottom: 0;
    padding-top: 0;
}

.radioList .weui-cell.base-mate:last-child {
    padding-bottom: 10px;
}


/*验证页面title*/
.vef-tit {
    background-color: #eeeeee;
    margin: 0 10px 10px;
}

/*多个图片*/
.weui-uploader__input-box {
    background-color: #eee;
    border: none;
}
.attachmentBox {
    padding: 0 10px !important;
}

.weui-uploader__title {
    color: #ef4a6b;
    font-size: 1.2rem
}
/*业务申请表*/
.applicationForm{
    border-top: 1px solid #eee;
}
.applicationForm-item{
    border-bottom: 1px solid #eee;
}
.applicationForm-item a.active{
    border-bottom: 1px solid #eee;
}
.text-box p{
    text-indent:2em;
    margin-bottom: 4px;
}
#countdownText{
    position: absolute;
    right: 10px;
    top: 15px;
    text-align: center;
    height: 24px;
    width:44px;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 1rem;
    border: 1px solid #ef1412;
}